<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>{$title}_{$seo_catname}专题_映象网</title>
    <meta name="keywords" content="{$head_keywords}"/>
    <meta name="description" content="{$head_description}"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="renderer" content="webkit"/>
    <link type="image/x-icon" href="http://d1.hnr.cn/hnr2015/public/hnr.ico" rel="shortcut icon">
    <link href="http://d1.hnr.cn/hnr2015/public/css.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="http://d1.hnr.cn/hnr2015/public/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="{DT_STATIC}hnr/public/hnr_common.js"></script>
    <!-- 统计代码 -->
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?7dc9841fcb7bb1666d47344800f2c9ca";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        body{background:#fff url("{DT_STATIC}hnr/zt/yxzl2019/images/index_banner.jpg") no-repeat center 0px;}
        .wid_1000,.wid1000{ width:1000px; clear:both; overflow:hidden; margin:0 auto;}
        .wid_all{min-width:1000px;_width:expression((document.documentElement.clientWidth || document.body.clientWidth)< 1000? "1000px" : "");}
        .more{ height:657px; position: relative;}
        .enter{width:39px; height:20px; position: absolute; right:112px; top:203px;}
        #map{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_map.gif") no-repeat; height: 710px; width: 1000px; margin-top: 50px;}
        .pos_infor{width:67px; height:73px; position: absolute;}
        /*.cur{background: url("http://d1.hnr.cn/hnr2019/111/index_btm_cur.png") no-repeat center center;}*/
        .top{width:67px;padding-top:53px; line-height:24px; color:#ac211e;font-size: 18px; white-space: nowrap; position: absolute; left:0px; top:0px;background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_top.png") no-repeat center top; font-weight: bold;}
        .detail{width: 263px; position: absolute; right:0px; top:118px;}
        .detail .title{width: 263px;height:50px; color:#fff; line-height:50px;font-size:20px;text-align: center; margin: 0px auto;}
        .detail_btm{ margin-top:32px;}
        .detail_btm img{ display: block; margin: 0px auto; width:230px; height: 150px;}
        .detail_btm h3{ line-height:25px;font-size:18px; color:#000; padding-top: 18px; width: 230px;margin: 0px auto;font-weight: bold;}
        .detail_btm p{text-indent: 2em; line-height:20px;font-size: 14px; color:#222; width: 230px;margin: 0px auto; padding-top: 5px;}
        .detail_btm a.more{font-size: 14px;text-align: center; line-height: 20px; padding-top: 10px;text-align: center; display: block;}
        .detail_btm a.more:link,.detail_btm a.more:visited{color:#ac211e; text-decoration: none;}
        .detail_btm a.more:hover{color:#ac211e; text-decoration: underline;}
        .summary p{padding-bottom:6px;clear: both; overflow: hidden;text-indent: 2em; }
        #nav{width:1000px;line-height: 59px; text-align: center; font-size: 16px; height: 59px;}
        #nav a{padding: 0px 10px;}
        .f12_6c4502,.f12_6c4502 a:link,.f12_6c4502 a:visited{color:#6c4502; text-decoration:none;}
        .f12_6c4502 a:hover{color:#6c4502; text-decoration:underline;}
        .index_tit_a{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_a.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_b{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_b.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_c{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_c.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_d{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_d.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_e{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_e.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_f{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_f.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_g{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_g.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_h{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_h.gif") no-repeat; width: 863px; height: 53px;}
        .index_tit_i{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/index_tit_i.gif") no-repeat; width: 863px; height: 53px;}
        .txtImg_img{width:200px;}
        .txtImg_img .pic-item-large{width: 200px; height:135px;}
        .txtImg_txt{width:260px; height:148px; overflow: hidden;}
        /*.txtImg_txt h3{width:260px; height: 30px;}
        .txtImg_txt p{width:260px; height:26px;}*/
        .txtImg_box li{width: 476px; padding-left: 47px;}
        a{outline: none;}
        .yxzl_zhaiyao{width:1000px;}
        #yxzl_zhaiyao p{font-size: 16px; line-height: 30px; text-indent: 2em;clear: both; overflow: hidden;height: auto; padding: 0px 120px; width:760px;}
        #nav_bza{background: url("{DT_STATIC}hnr/zt/yxzl2019/images/bza.jpg") no-repeat center 0px; margin-top: 561px;}
    </style>
    {php $temp=array()}
    <!--{php $tags=tag("moduleid=44&condition=catid=1053 and status=3&offset=0&pagesize=30&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    {php $temp[$k]['x']=$t['headline'];}
    {php $temp[$k]['y']=$t['mobtitle'];}
    {php $temp[$k]['z-index']=1;}
    {php $temp[$k]['title']=$t['subhead'];}
    {php $temp[$k]['image']=$t['thumb'];}
    {php $temp[$k]['h3']=$t['title'];}
    {php $temp[$k]['txt']=$t['introduce'];}
    {php $temp[$k]['url']=$t['linkurl'];}
    {/loop}
    <script>
        var infor={php echo(json_encode($temp))};
        var index;
        $(document).ready(function(){
            var x;
            for (x in infor)
            {
                if(x==0){
                    $("#map").append('<div class="pos_infor cur" style="left:'+infor[x]['x']+'px; top:'+infor[x]['y']+'px; z-index:555;"><div class="top" style="display:block;">'+infor[x]['title']+'</div></div>');
                    $(".detail").html('<div class="title">'+infor[x]['title']+'</div><div class="detail_btm"><img src="'+infor[x]['image']+'"/><h3>'+infor[x]['h3']+'</h3><p>'+infor[x]['txt']+'</p><a href="'+infor[x]['url']+'" target="_blank" class="more">[查看更多]</a></div>')
                }
                else{
                    $("#map").append('<div class="pos_infor " style="left:'+infor[x]['x']+'px; top:'+infor[x]['y']+'px; z-index:'+infor[x]['z-index']+';"><div class="top" style="font-size: 0px;">'+infor[x]['title']+'</div></div>');
                }
            }
//        鼠标滑过
            $("#map .pos_infor").hover(function(){
                $(".top").css({"font-size":"0px"})
                $(this).find(".top").css({"font-size":"18px"})
                $(".pos_infor").removeClass("cur").css({"z-index":"1"});
                $(this).css({"z-index":"5555"});
                $(this).addClass("cur").find(".top").show();
                index=$(this).index(".pos_infor");
                $(".detail").html('<div class="title">'+infor[index]['title']+'</div><div class="detail_btm"><img src="'+infor[index]['image']+'"/><h3>'+infor[index]['h3']+'</h3><p>'+infor[index]['txt']+'</p><a href="'+infor[index]['url']+'" target="_blank" class="more">[查看更多]</a></div>')
            })
            // 样式
            $(".summary p:first").css({"text-indent":"0px"})
        })
    </script>
</head>
<body>
<div id="nav_bza" class="wid_all">
    <div class="clear margin f18 f12_6c4502" id="nav">
        <a href="http://zt.hnr.cn/201902/22/75.html" target="_blank">实干出新彩</a>
        <a href="#xxxd" target="_self">学习心得</a>
        <a href="#lkzb" target="_self">兰考之变</a>
        <a href="#rhngcc" target="_self">让河南更出彩</a>
        <a href="#tpgj" target="_self">脱贫攻坚</a>
        <a href="#gzlfz" target="_self">高质量发展</a>
        <a href="#cxkf" target="_self">创新开放</a>
        <a href="#rcqy" target="_self">人才强豫</a>
        <a href="#lsqs" target="_self">绿水青山</a>
    </div>
    <div class="wid1000  f16 lh30 yxzl_zhaiyao clear" id="yxzl_zhaiyao" style=" padding-top: 80px;">
        <!--<p><span class="f18 fb">编者按：</span>追梦新时代，河南更出彩。</p>-->
        <!--<p>一 </p>-->
        <!--<p>二 </p>-->
        {$content}
    </div>
</div>

<div class="blank10" style="height:33px;"></div>
<!-- 学习心得 开始 -->
<a class="index_tit_a clear margin block" href="http://zt.hnr.cn/type-htm-tid-293.html" target="_blank"  id="xxxd"></a>
<div class="blank10" style="height: 33px;"></div>
<ul class="clear wid1000 txtImg_box">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=293&offset=0&pagesize=4&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="padding-left: 0px;"{/if}>
        <div class="left txtImg_img">
            <div class="blank5"></div>
            <a href="{$t[linkurl]}" target="_blank"><img src="{$t[thumb]}" alt="{$t[alt]}" title="{$t[alt]}" width="200" height="135">
            </a>
        </div>
        <div class="right txtImg_txt">
            <h3 class="clear f20 lh30 f12_333"><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></h3>
            <div class="blank10"></div>
            <p class="clear f14 lh26 f12_999">{$t[introduce]}</p>
        </div>
        <div class="blank10" style="height: 22px;"></div>
    </li>
    {/loop}
</ul>
<!-- 学习心得 结束 -->
<div class="blank10" style="height:33px;"></div>
<!-- 兰考之变 开始 -->
<a class="index_tit_b clear margin block" href="http://zt.hnr.cn/type-htm-tid-294.html" target="_blank"  id="lkzb"></a>
<div class="blank10" style="height: 33px;"></div>
<ul class="clear wid1000 txtImg_box">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=294&offset=0&pagesize=4&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="padding-left: 0px;"{/if}>
        <div class="left txtImg_img">
            <div class="blank5"></div>
            <a href="{$t[linkurl]}" target="_blank"><img src="{$t[thumb]}" alt="{$t[alt]}" title="{$t[alt]}" width="200" height="135">
            </a>
        </div>
        <div class="right txtImg_txt">
            <h3 class="clear f20 lh30 f12_333"><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></h3>
            <div class="blank10"></div>
            <p class="clear f14 lh26 f12_999">{$t[introduce]}</p>
        </div>
        <div class="blank10" style="height: 22px;"></div>
    </li>
    {/loop}
</ul>
<!-- 兰考之变 结束 -->
<div class="blank10" style="height:33px;"></div>
<!-- 让河南更出彩 开始 -->
<div class="index_tit_c clear margin" id="rhngcc"></div>
<div style="height: 745px; margin: 0px auto; padding:0px 0px 84px; overflow: hidden;position: relative;">
    <div id="map" class="margin pos_r">
        <!-- 地坐标 -->
        <!--<div class="pos_infor" style="left:392px; top:220px; z-index: 1;">
            <div class="top">郑州市</div>
        </div>-->
        <!-- 具体描述-->
        <!--<div class="detail">
            <div class="title">郑州市</div>
            <div class="detail_btm">
                <img src=""/>
                <h3>20款风靡朋友圈的视频应用</h3>
                <p>每一个当下最热的产品，都折射出一种应用趋势，也满足了用户的多种需求。“一周酷产品”将紧随大公司成熟产品的变化和迭代，同时也将持续关注创业公司推出的可能有破局之势的新产品。</p>
                <a href="#" target="_blank" class="more">[查看更多]</a>
            </div>
        </div>-->
        <div class="detail">

        </div>
    </div>
</div>
<!-- 让河南更出彩 结束 -->
<div class="blank10" style="height:1px;"></div>
<!-- 脱贫攻坚 开始 -->
<style>
    .twzw li{width:442px; height: 42px; line-height: 42px; overflow: hidden; padding-left:17px; margin-left:50px;background:url("http://d1.hnr.cn/hnr2015/public/list_li_dot.gif") no-repeat 0px 20px;}
</style>
<a class="index_tit_d clear margin block" href="http://zt.hnr.cn/type-htm-tid-295.html" target="_blank"  id="tpgj"></a>
<div class="blank10" style="height: 23px;"></div>
<ul class="f12_666 f16 twzw wid1000">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=295&offset=0&pagesize=8&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="margin-left:0px;"{/if}><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></li>
    {/loop}
</ul>
<!-- 脱贫攻坚 结束 -->
<div class="blank10" style="height:35px;"></div>
<!-- 高质量发展 开始 -->
<style>
    .twzw li{width:442px; height: 42px; line-height: 42px; overflow: hidden; padding-left:17px; margin-left:50px;background:url("http://d1.hnr.cn/hnr2015/public/list_li_dot.gif") no-repeat 0px 20px;}
</style>
<a class="index_tit_e clear margin block" href="http://zt.hnr.cn/type-htm-tid-296.html" target="_blank"  id="gzlfz"></a>
<div class="blank10" style="height: 23px;"></div>
<ul class="f12_666 f16 twzw wid1000">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=296&offset=0&pagesize=8&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="margin-left:0px;"{/if}><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></li>
    {/loop}
</ul>
<!-- 高质量发展 结束 -->
<div class="blank10" style="height:35px;"></div>
<!-- 创新开放 开始 -->
<div class="index_tit_f clear margin" id="cxkf"></div>
<div class="blank10" style="height:36px;"></div>
<div class="wid1000">
    <div id="focus_dsj" class="left focusBox_dsj">
        <div class="focuse_dsj_f bd">
            <ul class="big_img">
                <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=297&offset=0&pagesize=8&order=level desc,addtime desc&template=null");}-->
                {loop $tags $k $t}
                <li class="left">
                    <a class="left dsj_img" href="{$t[linkurl]}" target="_blank"><img src="{$t[thumb]}" alt="{$t[alt]}" title="{$t[alt]}" width="340" height="218"/></a>
                    <div class="left dsj_txt f12_222">
                        <h2 class="clear"><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></h2>
                        <div class="blank8"></div>
                        <div class="blank1"></div>
                        <p class="clear f18">{$t[introduce]}</p>
                    </div>
                </li>
                {/loop}
            </ul>
            <a class="prev pngImg" href="javascript:void(0);" target="_self"></a>
            <a class="next pngImg" href="javascript:void(0);" target="_self"></a>
        </div>
    </div>
</div>
<style>
    #focus_dsj{ width:1000px; height:280px; overflow:hidden; background:#f3f3f3;}
    .focuse_dsj_f{ width:1000px; height:280px; position:relative; overflow:hidden;}
    .focusBox_dsj .prev,.focusBox_dsj .next { width:34px; height:111px; margin: -55px 0 0; background: url("http://d1.hnr.cn/hnr2019/111/index_dsj_btns.gif") no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; }
    .focusBox_dsj .prev{ left:0px; }
    .focusBox_dsj .next { background-position:-59px 0px; right:0px; }
    .dsj_img{ margin:30px 0px 0px 73px; display: inline-block; zoom: 1;}
    .dsj_txt{ padding:28px 0px 0px 36px; width:480px; height:275px; overflow: hidden;}
    .dsj_txt h2{ font-size:20px; line-height: 38px;}
    .dsj_txt p{ line-height:26px;color:#999;font-size:14px;}
</style>
<script src="http://d1.hnr.cn/hnr2015/public/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
<script>
    $(document).ready(function(){
        jQuery(".focusBox_dsj").slide( { mainCell:".bd ul.big_img",autoPlay:false, trigger:"mouseover",effect:"left"});
    })
</script>
<!-- 创新开放 结束 -->
<!-- 人才强豫 开始 -->
<div class="blank10" style="height: 53px;"></div>
<a class="index_tit_g clear margin block" href="http://zt.hnr.cn/type-htm-tid-298.html" target="_blank"  id="rcqy"></a>
<div class="blank10" style="height: 33px;"></div>
<ul class="clear wid1000 txtImg_box">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=298&offset=0&pagesize=6&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="padding-left: 0px;"{/if}>
        <div class="left txtImg_img">
            <div class="blank5"></div>
            <a href="{$t[linkurl]}" target="_blank"><img src="{$t[thumb]}" alt="{$t[alt]}" title="{$t[alt]}" width="200" height="135">
            </a>
        </div>
        <div class="right txtImg_txt">
            <h3 class="clear f20 lh30 f12_333"><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></h3>
            <div class="blank10"></div>
            <p class="clear f14 lh26 f12_999">{$t[introduce]}</p>
        </div>
        <div class="blank10" style="height: 22px;"></div>
    </li>
    {/loop}
</ul>
<!-- 人才强豫 结束 -->
<div class="blank10" style="height:35px;"></div>
<!-- 绿水青山 开始 -->
<a class="index_tit_h clear margin block" href="http://zt.hnr.cn/type-htm-tid-299.html" target="_blank"  id="lsqs"></a>
<div class="blank10" style="height: 33px;"></div>
<ul class="clear wid1000 txtImg_box">
    <!--{php $tags=tag("table=special_item_$moduleid&condition=specialid=$itemid and typeid=299&offset=0&pagesize=4&order=level desc,addtime desc&template=null");}-->
    {loop $tags $k $t}
    <li class="left" {if $k%2==0} style="padding-left: 0px;"{/if}>
        <div class="left txtImg_img">
            <div class="blank5"></div>
            <a href="{$t[linkurl]}" target="_blank"><img src="{$t[thumb]}" alt="{$t[alt]}" title="{$t[alt]}" width="200" height="135">
            </a>
        </div>
        <div class="right txtImg_txt">
            <h3 class="clear f20 lh30 f12_333"><a href="{$t[linkurl]}" target="_blank">{$t[title]}</a></h3>
            <div class="blank10"></div>
            <p class="clear f14 lh26 f12_999">{$t[introduce]}</p>
        </div>
        <div class="blank10" style="height: 22px;"></div>
    </li>
    {/loop}
</ul>
<!-- 绿水青山 结束 -->
<div class="blank10" style="height:33px;"></div>
<!-- 微博 开始 -->
<div class="index_tit_i clear margin" id="weibo"></div>
<div class="blank30"></div>
<div class="wid1000">
    <iframe width="100%" height="500"  frameborder="0" scrolling="no" src="http://widget.weibo.com/livestream/listlive.php?language=zh_cn&width=0&height=500&uid=2027773605&skin=1&refer=1&appkey=&pic=0&titlebar=1&border=1&publish=1&atalk=1&recomm=0&at=0&atopic={$wbtopic}&ptopic={$wbtopic}&dpc=1"></iframe>
</div>
<!-- 微博 结束 -->
{template 'hnr_footer'}
{php $wxpic=$thumb}
{template 'hnr_share'}
</body>
</html>
